/**
 * 添加拦截器
 *      拦截request请求
 *      拦截文件上传
 * 
 * TODO
 * 1.非 http 开头需要拼接地址
 * 2.请求超时
 * 3.添加小程序端请求头标识
 * 4.添加token请求头
 */
import { useMemberStore } from "@/stores";
// const baseURL = 'https://pcapi-xiaotuxian-front-devtest.itheima.net'
const baseURL = 'http://localhost:8082'

//添加拦截器
const httpInterceptor = {
    //拦截前触发
    invoke(options: UniApp.RequestOptions) {
        // 1.非http开头需要拼接地址
        if (!options.url.startsWith('http')) {
            options.url = baseURL + options.url
        }
        // 2.请求超时，默认60s，设置为10s
        options.timeout = 10000
        // 3.添加小程序端请求头标识
        options.header = {
            ...options.header,
            'source-client': 'miniapp'
        }
        // 4. 添加token请求头标识
        // const memberStore = useMemberStore()
        // const token = memberStore.profile?.token
        // if (token) {
        //     options.header.Authorization = token
        // }
    }
}
uni.addInterceptor('request', httpInterceptor)
uni.addInterceptor('uploadFile', httpInterceptor)

/**
 * 请求函数
 * @param UniApp.RequestOptions
 * @returns Promise
 * 
 * 1. 返回 Promise 对象
 * 2. 获取数据成功
 *      2.1 提取核心数据
 *      2.2 添加类型
 * 3. 获取数据失败
 *      3.1 401 错误 -> 清理用户信息，调皮转到登录页
 *      3.2 其他错误 -> 根据后端的信息进行提示
 *      3.3 网络错误 -> 提示用户换个网络
 */

interface Data<T> {
    code: string
    msg: string
    messages: T
}
//2.2添加类型，支持泛型
export const http = <T>(options: UniApp.RequestOptions) => {
    //1.返回Promise 对象
    return new Promise<Data<T>>((resolve, reject) => {
        uni.request({
            ...options,
            //响应成功
            success: (res) => {
                //状态码 2XX， axios就是这样设计的
                if (res.statusCode >= 200 && res.statusCode < 300) {
                    //2.1 提取核心数据 res.data
                    resolve(res.data as Data<T>)
                } else if (res.statusCode === 401) {
                    //401错误  清理用户信息，跳转到登录页
                    const memberStore = useMemberStore()
                    memberStore.clearProfile()
                    uni.navigateTo({
                        url: 'pages/login/login'
                    })
                    reject(res)
                } else {
                    //其他错误  根据后端错误信息给出提示
                    uni.showToast({
                        icon: 'none',
                        title: (res.data as Data<T>).msg || '请求错误'

                    })
                    reject(res)
                }
            },
            fail: error => {
                uni.showToast({
                    icon: "none",
                    title: "网络错误，换个网络试试~~"
                })
                reject(error)
            }
        })
    })
}